.warp{
	position: relative;
	width:100%;
	height:100%;
	overflow: hidden;
}
.warp-map{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	display: block;
	touch-action: none;
	-webkit-touch-callout: none;
	// -webkit-touch-callout: default;
	-ms-touch-callout: none;
	-moz-touch-callout: none;
}
.warp-nav{
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	width:320rpx;
	height:90rpx;
	top:34rpx;
	left:20rpx;
	background-color: rgba(0, 0, 0, .6);
	border-radius: 10rpx;
	border:1px solid #000;
	overflow: hidden;
}
.warp-nav-item{
	display: flex;
	flex-direction: column;
	align-items: center;
	width:33.33%;
	height:90rpx;
	padding-top:4rpx;
}
.warp-nav-item-active{
	background-color:#000;
}
.warp-nav-item-icon{
	width:44rpx;
	height:44rpx;
}
.warp-nav-item-text{
	font-size:24rpx;
	color:#fff;
	margin-top:4rpx;
}
.warp-appli,
.warp-mine{
	position: absolute;
	top: 130rpx;
	left: 50%;
	transform: translateX(-50%);
	width:900rpx;
	height:540rpx;
	z-index: 30;
}
.warp-appli-title,
.warp-mine-title{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:0 40rpx;
	width:100%;
	height:80rpx;
	background-color:rgba(0, 0, 0, .6)
}
.warp-appli-title-text,
.warp-mine-title-text{
	font-size:28rpx;
	color:#fff;
	font-weight: bold;
}
#warp-appli-scroll,
#warp-mine-scroll{
	width:100%;
	height:460rpx;
	overflow: hidden;
	background-color: rgba(255, 255, 255, .6)
}
#warp-layer-scroll{
	width:100%;
	height:100%;
	overflow: hidden;
}
.warp-appli-ul,
.warp-mine-ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	padding: 20rpx 0 20rpx 44rpx;
}
.warp-appli-li{
	width:170rpx;
	height:160rpx;
	margin-right:40rpx;
	margin-bottom:14rpx;
}
.warp-appli-li-img{
	width:170rpx;
	height:120rpx;
	border:1rpx solid #000000;
	border-radius: 10rpx;
	background:red;
}
.warp-appli-li-text{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 170rpx;
	height:40rpx;
	font-size:24rpx;
	color:#000;
}
.warp-mine-ul{
	padding-top:20rpx;
}
.warp-mine-item{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width:100%;
	height:80rpx;
	padding-right:44rpx;
}
.warp-mine-item-title,
.warp-mine-item-info{
	color:#000;
	font-size:28rpx;
}
.warp-mine-item-av{
	width:100rpx;
	height:80rpx;
	border-radius: 10rpx;
	background:red;
}
.warp-mine-btn-box{
	display: flex;
	align-items: center;
	justify-content: center;
	width:100%;
	padding-right:44rpx;
	height:80rpx;
	margin-top:40rpx;
	margin-bottom:60rpx;
}
.warp-mine-btn{
	width:500rpx;
	border-radius: 20rpx;
}
.warp-layer{
	position: absolute;
	width:400rpx;
	top:140rpx;
	left:0;
	bottom:0;
	background-color: rgba(0, 0, 0, .5);
}

// 遥控
.warp-telecontrol{
	position: absolute;
	width:300rpx;
	height:300rpx;
	bottom: 70rpx;
	right:90rpx;
}


// 提示-可删除
.warp-hint{
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top:10rpx;
	right:10rpx;
	width:400rpx;
	height:80rpx;
	color:#000;
	background:#fff;
}
// 提示-可删除